﻿html { font-size: 17px; }

body { direction: ltr; margin: 0px; color: #000000; background-color: #ffffff; font-family: 'AvenirLTProLight'; font-size: 20px; line-height: normal; }

table { padding: 0px; margin: 0px; }

td { vertical-align: top; padding: 0px; }

p { margin-top: 0px; margin-bottom: 0px; }

a, a:hover, a:focus { color: inherit; }
img { max-width: 100%; }
input[type="text"], input[type="password"] { outline: none; }
input[type="password"] { font-family: Arial; }

textarea { outline: none; }




/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer { }

#SiteHeaderContainer { color: #000000; padding: 0px; position: fixed; z-index: 3; background: #fff; width: 100%; }
#SiteGridContainer { padding-top: 62px; }
#SiteFooterContainer { background-color: #333333; padding: 0px; background-image: url('../../../000Frames/site/images/bg-bottom-grey.png'); display: none; }

#SiteHeader { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; }
#SiteFooter { max-width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; }
#SiteGrid { padding: 0px; margin: 0 auto; overflow: hidden; }

#GridRight { float: right; width: 250px; margin-left: 40px; }
#GridPage { float: none; }
#GridLeft { float: right; display: none; }
#GridTop { }
#GridContent { }
#GridFooter { }

#PageLeft { }
#PageRight { }
#PageMenu { }
#PageHeader { }
#PageContent { }
#PageKdm { }
#PageFooter { }
#UnderSiteFooterContainer span { margin: 0 9px 0 10px; }
#UnderSiteFooterContainer img { height: 9px; vertical-align: middle; margin-left: 2px; }
#UnderSiteFooterContainer svg { height: 12px; vertical-align: middle; margin-left: 3px; }


@media (max-width: 1170px) {
    #GridLeft { display: none; }
}

@media (max-width: 1170px) {
    #SiteHeaderContainer { padding: 0px; }
}

@media (max-width: 991px) {
    #GridPage { float: none; width: 100%; }
    #UnderSiteFooterContainer span { display: block; opacity: 0; margin: 0; visibility: hidden; height: 13px; }
}

@media (max-width:767px) {
    #GridRight { float: none; width: 100%; margin: 0 auto; }
    #UnderSiteFooterContainer a { }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) {
    #side-collapse-menu { width: 100% }
}

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header { margin-top: 10px; }
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px) {
    #search_form_header_input_continer { text-align: center; display: inline-block; margin: 0 auto; width: 100%; }
    #search_form_header_input { display: inline-block; }
    #search_form_header_submit { width: 40px; display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
    .accordion .panel { border: 0px; border-radius: 0; border-top: 1px solid #ECECEC; box-shadow: none; -webkit-box-shadow: none; padding: 14.5px 0; margin: 0; }
        .accordion .panel:nth-child(2n) { background-color: #EDEDED; }
        .accordion .panel:last-child { border-bottom: 1px solid #ddd; }
    .accordion .panel-title { width: 95%; }
        .accordion .panel-title > a { width: 100%; right: 0; top: 0; font-size: 24px; font-family: 'RaananSuperRegular'; }
            .accordion .panel-title > a:hover { text-decoration: none; }
            .accordion .panel-title > a:focus { text-decoration: none; }
    .accordion .panel-collapse.collapse.in { }
    .accordion .panel-default > .panel-heading { color: #333; background-color: transparent; border-color: #ddd; position: relative; margin-bottom: 10px; margin-top: 10px; margin-right: 15px; }
    .accordion .panel-heading { padding: 10px 15px; border-bottom: 0; border-radius: 0px; }
    .accordion .panel-title > a:after { content: " "; display: block; width: 20px; height: 20px; float: left; background-image: url('../../../000Frames/site/images/plus.png'); background-position: center center; background-repeat: no-repeat; }
    .accordion .panel-title > a[aria-expanded~=true]:after { background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center; }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px) {
    .panel.panel-default div p { padding-left: 0; padding-right: 30px; padding-top: 5px; width: 90%; }
    .accordion .panel-title > a:after { position: absolute; left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default > .panel-heading { padding-right: 0; }
    .accordion .panel-title > a { padding-right: 0; font-size: 20px; font-weight: bold; }
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px; margin-bottom: 30px; direction: ltr; }
.owl-nav { }
.owl-item { text-align: center; height: 400px; overflow: hidden; }
    .owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) {
    .owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader { position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10; }
.lightbox-gallery .lightbox-gallery-item
/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/
.lightbox-galleryVideo .lightbox-gallery-loader { position: absolute; top: 50%; left: 50%; z-index: 10; }
.lightbox-galleryVideo .lightbox-gallery-item { }


.popUpVideo .modal-header { border: none; }

.popUpVideo .vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }

.popUpVideo .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }

.popUpVideo .modal-content { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }


.popUpVideo .modal-body iframe { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }

.popUpVideo .modal-backdrop.fade.in { z-index: 0; }
.popUpVideo .close { opacity: 1 !important; color: #fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps { margin-bottom: 30px; display: none; }

@media(max-width:991px) {
    #PageBreadCrumps { margin-bottom: 10px; margin-top: 10px; }
}

#PageBreadCrumps a:link { background-image: url('../images/breadcrumbs-arrow.png'); color: #5A5B5E; text-decoration: none !important; display: inline-block; padding-right: 25px; background-repeat: no-repeat; background-position: right 10px top 7px; }

#PageBreadCrumps a:first-child { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }
#PageBreadCrumps a:hover { color: #5A5B5E; text-decoration: underline; font-size: 100%; }



/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu { }
    #rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
    #rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
    #rightMenu .selected { color: red; }
    #rightMenu .navbar-default { border: 0; background-color: transparent; }
    #rightMenu .navbar { min-height: 0; margin-bottom: 0; }
    #rightMenu .navbar-header { float: right; }

@media(max-width:767px) {
    #rightMenu .navbar-header { float: none; width: 100%; margin: 0; }
}
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form { position: relative; }
    .mrw-dynamic-form .form-group { margin: 0 -30px; margin-bottom: 125px; }
    .mrw-dynamic-form .inputWrapper { padding: 0 30px; margin-bottom: 63px; }
    .mrw-dynamic-form .form-messages,
    .mrw-dynamic-form .form-messages .loading,
    .mrw-dynamic-form .form-messages .success,
    .mrw-dynamic-form .form-messages .error { display: none; color: #f56423; z-index: 9999; font-size: 120%; }
        .mrw-dynamic-form .form-messages span { margin-left: 15px; }
    .mrw-dynamic-form .form-messages { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0,0,0,0.8); }
    .mrw-dynamic-form .error-message { color: red; display: none; }
    .mrw-dynamic-form .mrw-form-label { font-size: 110%; margin: 0; margin-bottom: 10px; font-weight: normal; }
    .mrw-dynamic-form .form-group > div { margin-bottom: 15px; }
    .mrw-dynamic-form .form-control { border: 1px solid #000; color: #000; background: #fff; font-size: 100%; padding-right: 10px; position: relative; cursor: text !important; border-radius: 0; height: 60px; }
    .mrw-dynamic-form label.error { color: red; position: absolute; top: 0px; left: 15px; font-weight: normal; }
    .mrw-dynamic-form .form-control.error { border-color: red; }
        .mrw-dynamic-form .form-control.error + span { color: red; font-size: 70%; }
    .mrw-dynamic-form textarea.form-control { height: 380px; }
    .mrw-dynamic-form .checkboxWrapper { margin-top: 224px; }
        .mrw-dynamic-form .checkboxWrapper .mrw-form-label { font-size: 100%; }
            .mrw-dynamic-form .checkboxWrapper .mrw-form-label a { text-decoration: underline; }
    .mrw-dynamic-form input[type='checkbox'] { height: 1px; width: 1px; margin: 0; position:absolute; opacity:0;}
        .mrw-dynamic-form input[type='checkbox'] + label { position: relative; display: flex; margin: .6em 0; align-items: center; transition: color 250ms cubic-bezier(.4,.0,.23,1); }
span.custCheckbox { display: inline-block; justify-content: center; align-items: center; margin-right: 1em; width: 16px; height: 16px; background: #fff; border: 2px solid #fff; border-radius: 0; cursor: pointer; transition: all 250ms cubic-bezier(.4,.0,.23,1); font-size: 15px; margin: 0; position: relative; margin-right: 10px; }
input[type='checkbox'] + label:hover, input[type='checkbox']:focus + label { color: #fff; }
    .mrw-dynamic-form input[type='checkbox'] + label:hover > span.custCheckbox, input[type='checkbox']:focus + label > span.custCheckbox { background: rgba(255,255,255,.1); }
.mrw-dynamic-form input[type='checkbox']:checked ~ label > span.custCheckbox { border: 0.5em solid #f56423; animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1); border-width: 8px; }
    .mrw-dynamic-form input[type='checkbox']:checked ~ label > span.custCheckbox:before { content: ""; position: absolute; top: 2px; right: 50%; margin-right: 1px; border-right: 1px solid transparent; border-bottom: 1px solid transparent; transform: scale(2.5) rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards; }
.mrw-dynamic-form input[type='button'], .mrw-dynamic-form button { width: 100%; height: 60px; border: 1px solid #f56423; margin: 0; }
    .mrw-dynamic-form button:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 0; top: 50%; left: 50%; background: #e45413; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
    .mrw-dynamic-form button:hover:after { height: 260%; opacity: 1; }
.mrw-dynamic-form .inputWrapper .generalBtn { width: 100%; }

@media(max-width:1250px) {
    .mrw-dynamic-form .checkboxWrapper .mrw-form-label { font-size: 80%; }
}

@media(max-width:991px) {
    .mrw-dynamic-form .inputWrapper { padding: 0 15px; }
    .mrw-dynamic-form .form-group { margin: 0 -15px; }
    .mrw-dynamic-form .inputWrapper { margin-bottom: 30px; }
}

@media(max-width:767px) {
    .mrw-dynamic-form .mrw-form-label { font-size: 75%; }
    .mrw-dynamic-form .checkboxWrapper .mrw-form-label { font-size: 75%; }
    .mrw-dynamic-form .form-control, .mrw-dynamic-form input[type='button'], .mrw-dynamic-form button { height: 48px; }
    .mrw-dynamic-form textarea.form-control { height: 135px; }
    .mrw-dynamic-form .submitWrapper, .mrw-dynamic-form .checkboxWrapper { margin-top: 0px; margin-bottom: 30px; }
    .mrw-dynamic-form .inputWrapper { margin-bottom: 16px; }
}
/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label { }
#contact-form-wiget .checkboxWrapper .form-control { }
#contact-form-wiget .form-submit { }

@media(max-width:991px) {
    #contact-form-wiget { /* display: none; */ }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox { text-align: center; background-color: #1c1c1c; padding: 15px; }

    #loginBox .loginBox-guest-hello { color: #F68B1F; line-height: 24px; margin-bottom: 10px; }
    #loginBox .firstSentence { font-size: 130%; }
    #loginBox .secondSentence { font-size: 165%; }

    #loginBox #LoginBox-Buttons { padding-top: 20px; }
        #loginBox #LoginBox-Buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; margin: 0px 5px; text-decoration: none; cursor: pointer; }

    #loginBox #LoginBox-SignIn { width: 100%; margin-left: auto; margin-right: auto; overflow: auto; }
        #loginBox #LoginBox-SignIn .login-field { margin-bottom: 12px; border-radius: 3px; border: none; width: 100%; padding: 5px 10px 4px 10px; }
        #loginBox #LoginBox-SignIn .login-submit { float: left; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; cursor: pointer; text-decoration: none; }

        #loginBox #LoginBox-SignIn .forgetPass { float: left; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }
        #loginBox #LoginBox-SignIn .user-register { float: right; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }

    #loginBox .loginBox-user-hello { color: #F68B1F; line-height: 24px; }
    #loginBox .loginBox-user-buttons { padding-top: 20px; }
        #loginBox .loginBox-user-buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 110%; padding: 2px 12px; margin: 0px 2px; text-decoration: none; cursor: pointer; margin-bottom: 10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; max-height: 0; display: block; overflow: hidden; opacity: 0; }
.dropdown.open .dropdown-menu { max-height: 650px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 1; }


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline { }
    #headline h1 { font-size: 300%; color: #F68B1F; margin: 0; padding: 0; line-height: 100%; margin-bottom: 10px; }
    #headline h1 { font-family: 'CalvertMTPro'; color: #fff; }
#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom: 10px; }

#writer { margin-bottom: 5px; font-weight: normal; }
#text1 { margin-top: 20px; margin-bottom: 20px; }
    #text1 strong { }
    #text1 b { }

#video { margin-bottom: 20px; }
    #video video { width: 100%; height: auto; }

#remarks { font-size: 90%; }

h3 { }
h4 { }

.picD { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby { margin-bottom: 30px; }



/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1173px; }

.no-marg { margin: 0px; }

.no-pad { padding: 0px; }

.p-vert { display: table; }

.c-vert { display: table-cell; vertical-align: middle; }

.f-h { height: 100%; }

.f-w { width: 100%; }

.margin-auto { margin: 0 auto }

.generalBtn { position: relative; z-index: 1; margin: 0; background: #f56423; display: inline-block; }
    .generalBtn button, .generalBtn a { position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; overflow: hidden; background: transparent; border-radius: 0px; border: none; display: block; width: 100%; text-align: center; }
        .generalBtn button:after, .generalBtn a:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }
        .generalBtn button:before, .generalBtn a:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; }
        .generalBtn button:after, .generalBtn a:after { width: 100%; height: 0; top: 50%; left: 50%; background: #ec5714; opacity: 0.5; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
        .generalBtn button:hover:after, .generalBtn a:hover:after { height: 780%; opacity: 1; }
    .generalBtn.black { background-color: #000; color: #fff; }
    .generalBtn.small { height: 30px; width: 190px; line-height: 30px; font-size: 70%; }
    .generalBtn.big { width: 397px; height: 64px; font-size: 170%; line-height: 1.9; }
.backToWrapper { font-size: 110%; }
    .backToWrapper svg { width: 50px; vertical-align: middle; margin-right: 11px; transition: all 1000ms cubic-bezier(0, 0.71, 0.2, 1); -webkit-transition: all 1000ms cubic-bezier(0, 0.71, 0.2, 1); }
    .backToWrapper a { vertical-align: middle; transition: all 1000ms cubic-bezier(0, 0.71, 0.2, 1); -webkit-transition: all 1000ms cubic-bezier(0, 0.71, 0.2, 1); text-decoration: none; }
        .backToWrapper a:hover { color: #fff; }
            .backToWrapper a:hover svg { fill: #fff; }

@media (max-width: 767px) {
    .row { }
        .row > div { }
    .generalBtn.big { width: 220px; height: 40px; font-size: 107%; }
}

/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; text-align: center; }

#mrw-modal-1 { }
    #mrw-modal-1 .modal-content { border-radius: 0px; background-color: transparent; display: inline-block; pointer-events: all; }



/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center; }
.grid-view .grid-box-image { padding-bottom: 56%; position: relative; overflow: hidden; }
    .grid-view .grid-box-image a { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
    .grid-view .grid-box-image img { margin: 0 auto; max-width: 100%; }



.grid-view.center-elements .row { font-size: 0px; text-align: center; }
    .grid-view.center-elements .row > div { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; }



/*------------------------------------*\
    Fonts
\*------------------------------------*/

/*@font-face { font-family: 'zofen'; src: url('../../../000Frames/site/fonts/atzofen-regularwebfont.eot'); src: url('../../../000Frames/site/fonts/atzofen-regularwebfont.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/atzofen-regularwebfont.woff') format('woff'), url('../../../000Frames/site/fonts/atzofen-regularwebfont.ttf') format('truetype'), url('../../../000Frames/site/fonts/atzofen-regularwebfont.svg#fbatzofen-regularwebfont') format('svg'); font-weight: normal; font-style: normal; unicode-range: U+590-5ff,U+000-03F;}*/ 

/*@font-face { font-family: 'Avenir'; src: url('../../../000Frames/site/fonts/Avenir/Avenir.eot'); src: url('../../../000Frames/site/fonts/Avenir/Avenir.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/Avenir/Avenir.woff') format('woff'), url('../../../000Frames/site/fonts/Avenir/Avenir.ttf') format('truetype'), url('../../../000Frames/site/fonts/Avenir/Avenir.svg#Avenir') format('svg'); font-weight: normal; }*/

/*@font-face { font-family: 'AvenirLTStdLight'; src: url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Light.eot'); src: url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Light.woff') format('woff'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Light.ttf') format('truetype'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'); font-weight: normal; }*/
/*@font-face { font-family: 'AvenirLTStd'; src: url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Medium.eot'); src: url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Medium.woff') format('woff'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Medium.ttf') format('truetype'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: 'AvenirLTStdBlack'; src: url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Black.eot'); src: url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Black.woff') format('woff'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Black.ttf') format('truetype'), url('../../../000Frames/site/fonts/AvenirLTStd/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'); font-weight: normal; }*/


@font-face { font-family: 'AvenirNextLTPro'; src: url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.eot'); src: url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.woff') format('woff'), url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg'); font-weight: normal; }
@font-face { font-family: 'AvenirNextLTProBold'; src: url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.eot'); src: url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.woff') format('woff'), url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Bold.ttf') format('truetype'), url('../../../000Frames/site/fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Bold') format('svg'); font-weight: normal; }


@font-face { font-family: 'AvenirLTProLight'; src: url('../../../000Frames/site/fonts/AvenirLTPro/AvenirLTPro-Light.eot'); src: url('../../../000Frames/site/fonts/AvenirLTPro/AvenirLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/AvenirLTPro/AvenirLTPro-Light.woff') format('woff'), url('../../../000Frames/site/fonts/AvenirLTPro/AvenirLTPro-Light.ttf') format('truetype'), url('../../../000Frames/site/fonts/AvenirLTPro/AvenirLTPro-Light.svg#AvenirLTPro-Light') format('svg'); font-weight: normal; }


@font-face { font-family: 'CalvertMTPro'; src: url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro.eot'); src: url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro.woff') format('woff'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro.ttf') format('truetype'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro.svg#CalvertMTPro') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'CalvertMTProBold'; src: url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Bold.eot'); src: url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Bold.woff') format('woff'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Bold.ttf') format('truetype'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Bold.svg#CalvertMTPro-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'CalvertMTProLight'; src: url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Light.eot'); src: url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Light.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Light.woff') format('woff'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Light.ttf') format('truetype'), url('../../../000Frames/site/fonts/CalvertMTPro/CalvertMTPro-Light.svg#CalvertMTPro-Light') format('svg'); font-weight: normal; font-style: normal; }


@font-face { font-family: 'Arenq'; src: url('../../../000Frames/site/fonts/Arenq/Arenq.eot'); src: url('../../../000Frames/site/fonts/Arenq/Arenq.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/Arenq/Arenq.woff') format('woff'), url('../../../000Frames/site/fonts/Arenq/Arenq.ttf') format('truetype'), url('../../../000Frames/site/fonts/Arenq/Arenq.svg#Arenq') format('svg'); font-weight: normal; }
@font-face { font-family: 'ArenqRomanpro'; src: url('../../../000Frames/site/fonts/ArenqRomanpro/ArenqRomanpro.eot'); src: url('../../../000Frames/site/fonts/ArenqRomanpro/ArenqRomanpro.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/ArenqRomanpro/ArenqRomanpro.woff') format('woff'), url('../../../000Frames/site/fonts/ArenqRomanpro/ArenqRomanpro.ttf') format('truetype'), url('../../../000Frames/site/fonts/ArenqRomanpro/ArenqRomanpro.svg#ArenqRomanpro') format('svg'); font-weight: normal; }
/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
#popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }
#popup-modal .modal-header { border: none; padding: 0px; }
#popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }
    #popup-modal .close span { color: #fff; }
#popup-modal .modal-body { text-align: center; }
#popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; }
.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }


/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/

.lightbox-gallery { position: relative; min-height: 250px; }
.lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { top: 65px; display: block; }
.blueimp-gallery a.next { display: block !important; }
.blueimp-gallery a.prev { display: block !important; }
.blueimp-gallery ol.indicator { display: block !important; }
.blueimp-gallery a.play-pause { display: block !important; }


/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/

.flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); overflow: hidden; }
    .flexslider .flexslider-item { display: block; /*min-height: 200px;*/ padding-bottom: 40%; background-size: cover; background-position: center center; }
    .flexslider .flex-control-nav { bottom: 20px; z-index: 2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item { position: relative; }
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff; font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%; }

@media(max-width:767px) {
    .flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}

/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

#SiteFooter .footerContact { color: #fff; margin-top: 60px; margin-bottom: 40px; }
#SiteFooter .footerBlockTitle { text-align: center; font-size: 140%; }
#SiteFooter .footerBlockContent { }

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 20px; text-align: center; font-size: 72%; }

@media(max-width:767px) {
    #UnderSiteFooter { font-size: 56%; line-height: 1.5; }
}

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) {

    .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
    .bootbox .modal-footer { text-align: center; }
        .bootbox .modal-footer button { margin: 10px; }
        .bootbox .modal-footer .btn + .btn { margin-bottom: 10px; }
    .bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px) {
    .bootbox .modal-dialog { width: 80%; }
}


.qHeight { height: 13.021vw; }
.FadeStep { position: relative; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1ms ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
    .FadeStep.faded { animation: fadeElements .5s forwards; -webkit-animation: fadeElements .5s forwards; }


@keyframes fadeElements {
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0); -o-transform: translateY(0); }
}

@-webkit-keyframes fadeElements {
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}

@media(max-width:991px) {
    .qHeight { height: 42.22vw; }
}

@keyframes shrink-bounce {
    0% { transform: scale(1); }
    33% { transform: scale(.85); }
    100% { transform: scale(1); }
}

@keyframes checkbox-check {
    0% { width: 0; height: 0; border-color: #ffffff; transform: translate3d(0,0,0) rotate(45deg); scale(1.5); }
    33% { width: .2em; height: 0; transform: translate3d(0,0,0) rotate(45deg); scale(1.5); }
    100% { width: .2em; height: .4em; border-color: #ffffff; transform: translate3d(0,-.5em,0) rotate(45deg) scale(1.5); }
}

.emptyList { font-size: 240%; text-align: center; }


.fadeInElement { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); }